<!DOCTYPE html>
<html>
<head>

<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">

<link rel="stylesheet" href="css/bootstrap.min.css" type="text/css"></link>
<style type="text/css">
.table th, .table td {
    text-align: center;
}
.bgContaine {
	padding: 0 15px;
}
.show-grid {
  margin-bottom: 15px;
  background-color: #eee;
  border: 1px solid #ddd;
  background-color: rgba(86,61,124,.15);
  border: 1px solid rgba(86,61,124,.2);
}
#mark{
 	display: none; 
	width: 100%; 
	height: 100%; 
	opacity: 0.7; 
	filter: alpha(opacity=40); 
	background:#fff; 
	position: absolute; 
	top: 0; 
	left: 0; 
	z-index: 2000; 
}
#loader{
	background: #fff url(images/loading.gif) no-repeat 10px 10px;
	display: none; 
	top: 45%; 
	left: 50%; 
	margin-left: -74px; 
	margin-top: -14px; 
	padding: 15px 10px 10px 50px; 
	text-align: left; 
	line-height: 27px; 
	font-weight: bold; 
	position: absolute; 
	z-index: 2001; 
}

#alertWarning {
	top: 40%; 
	left: 45%; 
	position: absolute;
	display: none;  
}
#alertSucces {
	top: 40%; 
	left: 45%; 
	position: absolute;
	display: none;  
}
#navMenu {
	height: 80px;
}
</style>


<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/bootstrap3-typeahead.min.js"></script>
<script type="text/javascript" src="js/jqBootstrapValidation.js"></script>

<script type="text/javascript" src="js/global.js"></script>

<script type="text/javascript">
	$(function() {
		
	});
</script>

</head>

<body>
	<div class="bgContaine">
		<div class="containe bgContaine">
			<div class="row">
				<div class="col-xs-12 col-sm-6 col-md-12">
					<!-- 顶部导航条 -->
					<ul class="nav nav-pills" id="navMenu">
						<li class="dropdown" id="baseDataLi">
							<a class="dropdown-toggle"	data-toggle="dropdown" href="#">基本数据<span class="caret"></span></a>
								<ul class="dropdown-menu">
									<li><a href="javascript:void(0);" data-p="testStandard"	onclick="baseDataClickHandler(this.getAttribute('data-p'))">检测标准</a></li>
									<li class="divider"></li>
									<li><a href="javascript:void(0);" data-p="rayType" onclick="baseDataClickHandler(this.getAttribute('data-p'))">射线种类</a></li>
									<li><a href="javascript:void(0);" data-p="rayModel" onclick="baseDataClickHandler(this.getAttribute('data-p'))">射线机型号</a></li>
									<li><a href="javascript:void(0);" data-p="filmType" onclick="baseDataClickHandler(this.getAttribute('data-p'))">胶片型号</a></li>
									<li><a href="javascript:void(0);" data-p="IQI" onclick="baseDataClickHandler(this.getAttribute('data-p'))">像质计号器</a></li>
									<li><a href="javascript:void(0);" data-p="transilluminator" onclick="baseDataClickHandler(this.getAttribute('data-p'))">透照方式</a></li>
									<li><a href="javascript:void(0);" data-p="flaw" onclick="baseDataClickHandler(this.getAttribute('data-p'))">缺陷</a></li>	
							</ul>
						</li>
						<li class="dropdown" id="detectionLi">
							<a class="dropdown-toggle" data-toggle="dropdown" href="#" > 射线管理 <span class="caret"></span> </a>
							<ul class="dropdown-menu" >
								<li><a href="#" data-p="rayEquipment" onclick="detectionClickHandler(this.getAttribute('data-p'))">射线数据</a></li>
								<li class="disabled" ><a href="#" data-p="rayEquipment">焊缝数据</a></li>
								<li class="disabled" ><a href="#" data-p="rayEquipment">底片数据</a></li>
							</ul>
						</li>
						
						<li class="dropdown" id="detectionLi">
							<a class="dropdown-toggle" data-toggle="dropdown" href="#" > 超声管理 <span class="caret"></span> </a>
							<ul class="dropdown-menu" class="disabled">
								<li class="disabled"><a href="#" data-p="rayEquipment">超声数据</a></li>
								<li class="disabled"><a href="#" data-p="rayEquipment">焊缝数据</a></li>
							</ul>
						</li>
						
						<li class="dropdown" id="detectionLi">
							<a class="dropdown-toggle" data-toggle="dropdown" href="#" > 磁粉管理<span class="caret"></span> </a>
							<ul class="dropdown-menu" >
								<li class="disabled"><a href="#" data-p="rayEquipment">磁粉数据</a></li>
								<li class="disabled"><a href="#" data-p="rayEquipment">焊缝数据</a></li>
							</ul>
						</li>
						
						
						<li class="dropdown" id="detectionLi">
							<a class="dropdown-toggle" data-toggle="dropdown" href="#" > 渗透管理 <span class="caret"></span> </a>
							<ul class="dropdown-menu" >
								<li class="disabled"><a href="#" data-p="rayEquipment">渗透数据</a></li>
								<li class="disabled"><a href="#" data-p="rayEquipment">焊缝数据</a></li>
							</ul>
						</li>
						
						<li class="dropdown" id="detectionLi">
							<a class="dropdown-toggle" data-toggle="dropdown" href="#" > 其他管理 <span class="caret"></span> </a>
							<ul class="dropdown-menu" >
								<li class="disabled"><a href="#" data-p="rayEquipment">设置</a></li>
							</ul>
						</li>
						
					</ul>
				</div>
			</div>
			
			<div class="row" id="content"> <!-- 内容填充区 -->
				
			</div>
		
		</div>
	</div>
	
	<!-- 遮罩 -->
	<div id="mark"></div>
	
	<!-- loading -->
	<div  id="loader">数据加载中，请稍等...</div>
	
	<!-- 提示框 -->
	<div class="alert alert-danger alert-dismissable" id="alertWarning">
 		 <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
 	 	 <strong>警告！</strong> &nbsp;<label></label>
	</div>
	
	<div class="alert  alert-info alert-dismissable" id="alertSucces">
 		 <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
 		 <strong>提示！</strong>&nbsp;&nbsp; <label ></label>
	</div>
	

</body>
</html>
